<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2019/9/29
  Time: 9:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!-- 搜索 begin -->
<div class="input-group col-md-4" style="margin-left: 30%;margin-top: 30px">
    <input type="text" id="searchTitle" value="${title}"  class="form-control input-lg ">
    <div class="input-group-btn">
        <button class="btn btn-lg btn-success" type="button" onclick="find()" >
            搜索
        </button>
    </div>
</div>
<!-- 搜索 end -->

<div style="margin-left: 15%">
        <ul class="nav nav-pills" style="margin-top: 40px">
            <li id="hot" onclick="hot()"><a data-toggle="tab" name="message"  href="">
                热门游记 </a>
            </li>
            <li id="newNotes" onclick="newNotes()"><a data-toggle="tab" name="message" href="" > 最新游记</a>
            </li>
            <li>
                <button type="button" class="btn btn-w-m btn-warning" style="margin-left:700px" >
                    <a href="${path}/editnote" target="_blank" style="text-decoration: none"> 写游记>></a></button>
            </li>
        </ul>
<!-- 游记 -->
       <div class="container-fulid">
                <div class="row">
                    <div class="" style="margin-top: 20px;width: 78%;">
                                    <!-- 循环字母模块 item -->
                                    <c:forEach items="${notesShowVos}" var="n">
                                         <div class="col-md-3">
                                        <div class="" id="" style="margin-bottom: 25px">
                                            <div style="position: relative; ">
                                                <img src="${n.notes.frontImg}"u
                                                     style="width:100%;height:200px">
                                                <c:if test="${n.notes.noteType==1}">
                                                    <button type="button" class=" btn btn-danger" style="padding:2px; position:absolute;left:0;top:0;border: 0">精</button></c:if>
                                                <p><a href="#">
                                                    <div style="height: 40px">
                                                        <input type="hidden" value="${n.notes.id}" name="id">
                                                    <span style="font-size: 15px"><a href="${path}/noteInfoDis/noteDis?id=${n.notes.id}">${n.notes.title}</a> </span>
                                                    </div>
                                                </a></p>
                                            </div>
                                            <div style="margin-top: 5px">
                                                <a href="#"><span class="fa fa-eye"
                                                                  style="margin-left: 10px;color: grey">&nbsp;${n.notes.browse}</span></a>
                                                <a href="#"><span class="fa fa-commenting"
                                                                  style="margin-left: 10px;color: grey">&nbsp;${n.notes.commentsum}</span></a>
                                            </div>
                                            <div style="margin-top:4px;background-color:rgb(238, 238, 238);padding: 3px" class="list-group-item">
                                                <a href="#"><img src="${n.userTable.headImg}" height="25" width="25"
                                                                 class="h_img"> </a>
                                                <a href="#"><span class="accountName" style="color:lightskyblue">${n.userTable.username}</span></a>
                                                <a href="#"><span class="glyphicon glyphicon-thumbs-up date" style="float: right;margin-right:2px;margin-top: 8px"
                                                ></span></a>
                                            </div>
                                        </div>

                                        </div>
                                    </c:forEach>
                            </div>
                            <!-- 品牌列表 end -->
                        </div>
                    </div>
                </div>
<div style="margin-top: 100px;margin-bottom: 100px;clear: both;overflow: hidden;margin-left: 35%">
    <%@include file="page_travelnotes.jsp"%>
</div>


